<div class="navbar">
    <div class="navbar-inner bg-green">
        <div class="left sliding">
            <a href="#" class="link back">
                <i class="icon icon-back color-white"></i>
            </a>
        </div>
        <div class="center sliding color-white">贡献能量豆</div>
        <div class="right sliding"></div>
    </div>
</div>
<div data-page="Dechargebeans" id="Dechargebeans" class="page navbar-through">
    <div class="page-content">
        <style>.navbar:after{height:0;}.navbar{background-color: transparent;}.navbar-inner{background-color: transparent;}</style>
        <div class="bg-green" style="width: 150vw;height: 100vw;position: absolute;top: -75vw;left: -25vw;border-bottom-left-radius: 60vw;border-bottom-right-radius: 60vw;"></div>
        <div class="user-wrap flex-column flex-align-center flex-justify-center flex-nowrap" style="position: absolute;top: 15vw;width: 100%;"></div>
        <div style="width: 100%;height: 100%;" class="flex-column flex-justify-center flex-align-center flex-nowrap">
            <div class="row" style="width: 88%;">
                <div class="col-33 decharge-item" data-id="1"><span class="size-18">50</span><span>豆</span></div>
                <div class="col-33 decharge-item" data-id="2"><span class="size-18">100</span><span>豆</span></div>
                <div class="col-33 decharge-item" data-id="3"><span class="size-18">500</span><span>豆</span></div>
            </div>
            <div class="row" style="width: 88%;margin-top: 20px;">
                <div class="col-33 decharge-item" data-id="4"><span class="size-18">1000</span><span>豆</span></div>
                <div class="col-33 decharge-item" data-id="5"><span class="size-18">5000</span><span>豆</span></div>
                <div class="col-33 decharge-item" data-id="6"><span class="size-18">10000</span><span>豆</span></div>
            </div>
            <div class="otherdecharge-item color-qing" style="margin-top: 50px;">其他数目</div>
        </div>
    </div>
</div>